<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>商品分类</title>
	<link rel="stylesheet" href="css/category.css">
	<link rel="stylesheet" href="css/reset.css">
	<script src="js/jquery-1.7.2.min.js"></script>
</head>
<body id="cateBody">
	<header id="head">
		<div class="categoryBj">
			<div class="goBack">
				<a href="index.html"><span>返回上一页</span></a>
			</div>
			<form class="searchForm">
				<input type="text" name="" placeholder="泰国金榴莲低至89元">
			</form>
			<div class="rightInfo">
				<a href="javascript:;" class="openMenu"><span></span></a>
			</div>
		</div>
		<ul class="menu">
			<li><a href="index.html"><span class="toIndex"></span><strong>首页</strong></a></li>
			<li><a href="category.html"><span class="sortSearch"></span><strong>分类搜索</strong></a></li>
			<li><a href="shoppingcar.html"><span class="shopCar"></span><strong>购物车</strong></a></li>
			<li><a href="my.html"><span class="myHome"></span><strong>我的某东</strong></a></li>
		</ul>
	</header>
	<div class="contentBox clear-fix">
		<aside class="content">
			<div class="leftList">
				<ul class="leftUl">
				    <li class="leftLi"><a href="#" class="active">推荐商品</a></li>
				    <li class="leftLi"><a href="#">全球购</a></li>
				    <li class="leftLi"><a href="#">男装</a></li>
				    <li class="leftLi"><a href="#">女装</a></li>
				    <li class="leftLi"><a href="#">钟表珠宝</a></li>
				    <li class="leftLi"><a href="#">手机数码</a></li>
				    <li class="leftLi"><a href="#">电脑办公</a></li>
				    <li class="leftLi"><a href="#">家用电器</a></li>
				    <li class="leftLi"><a href="#">酒水饮料</a></li>
				</ul>
			</div>
		</aside>
		<section class="contentList">
			<!--推荐商品-->
			<div class="contentInfo active">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/cmmd.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>专场推荐</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/cjplr.jpg"><span>全球尖货超级品类日</span></a></li>
						<li><a href="#"><img src="img/zn.jpg"><span>丝芙兰闪耀2周年</span></a></li>
						<li><a href="#"><img src="img/mqj.png"><span>京东健康母亲节</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>热门分类</h5>
						<a href="#" class="rankingList">
							<i class="leftIcon"></i>
							<span>排行榜</span>
							<i class="rightIcon"></i>
						</a>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/sj.png"><span>手机</span></a></li>
						<li><a href="#"><img src="img/bjb.jpg"><span>笔记本</span></a></li>
						<li><a href="#"><img src="img/kt.jpg"><span>空调</span></a></li>
						<li><a href="#"><img src="img/snyp.jpg"><span>收纳用品</span></a></li>
						<li><a href="#"><img src="img/sg.jpg"><span>砂锅</span></a></li>
						<li><a href="#"><img src="img/pj.jpg"><span>啤酒</span></a></li>
						<li><a href="#"><img src="img/hcp.jpg"><span>火车票</span></a></li>
					</ul>
				</div>
			</div>
			<!--全球购-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/qqg.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>母婴玩具</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/nk.jpg"><span>尿裤</span></a></li>
						<li><a href="#"><img src="img/nk.jpg"><span>尿裤</span></a></li>
						<li><a href="#"><img src="img/nk.jpg"><span>尿裤</span></a></li>
						<li><a href="#"><img src="img/nk.jpg"><span>尿裤</span></a></li>
						<li><a href="#"><img src="img/nk.jpg"><span>尿裤</span></a></li>
						<li><a href="#"><img src="img/nk.jpg"><span>尿裤</span></a></li>
						<li><a href="#"><img src="img/nk.jpg"><span>尿裤</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>美妆个护</h5>
						<a href="#" class="rankingList">
							<i class="leftIcon"></i>
							<span>排行榜</span>
							<i class="rightIcon"></i>
						</a>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/mbhf.jpg"><span>面部护肤</span></a></li>
						<li><a href="#"><img src="img/mbhf.jpg"><span>面部护肤</span></a></li>
						<li><a href="#"><img src="img/mbhf.jpg"><span>面部护肤</span></a></li>
						<li><a href="#"><img src="img/mbhf.jpg"><span>面部护肤</span></a></li>
						<li><a href="#"><img src="img/mbhf.jpg"><span>面部护肤</span></a></li>
						<li><a href="#"><img src="img/mbhf.jpg"><span>面部护肤</span></a></li>
						<li><a href="#"><img src="img/mbhf.jpg"><span>面部护肤</span></a></li>
						<li><a href="#"><img src="img/mbhf.jpg"><span>面部护肤</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>数码家电</h5>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
						<li><a href="#"><img src="img/sysx.jpg"><span>摄影摄像</span></a></li>
					</ul>
				</div>
			</div>
			<!--男装-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/nz.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>热卖选购</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/zynz.jpg"><span>自营男装</span></a></li>
						<li><a href="#"><img src="img/zynz.jpg"><span>自营男装</span></a></li>
						<li><a href="#"><img src="img/zynz.jpg"><span>自营男装</span></a></li>
						<li><a href="#"><img src="img/zynz.jpg"><span>自营男装</span></a></li>
						<li><a href="#"><img src="img/zynz.jpg"><span>自营男装</span></a></li>
						<li><a href="#"><img src="img/zynz.jpg"><span>自营男装</span></a></li>
						<li><a href="#"><img src="img/zynz.jpg"><span>自营男装</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>T恤</h5>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/xktx.jpg"><span>新款T恤</span></a></li>
						<li><a href="#"><img src="img/xktx.jpg"><span>新款T恤</span></a></li>
						<li><a href="#"><img src="img/xktx.jpg"><span>新款T恤</span></a></li>
						<li><a href="#"><img src="img/xktx.jpg"><span>新款T恤</span></a></li>
						<li><a href="#"><img src="img/xktx.jpg"><span>新款T恤</span></a></li>
						<li><a href="#"><img src="img/xktx.jpg"><span>新款T恤</span></a></li>
						<li><a href="#"><img src="img/xktx.jpg"><span>新款T恤</span></a></li>
						<li><a href="#"><img src="img/xktx.jpg"><span>新款T恤</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>牛仔裤</h5>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
						<li><a href="#"><img src="img/csnz.jpg"><span>纯色牛仔</span></a></li>
					</ul>
				</div>
			</div>
			<!--女装-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/nz.png"></a></div>
				<div class="contentInfoCenter">
					<h5>热门分类</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/zynz.png"><span>自营女装</span></a></li>
						<li><a href="#"><img src="img/zynz.png"><span>自营女装</span></a></li>
						<li><a href="#"><img src="img/zynz.png"><span>自营女装</span></a></li>
						<li><a href="#"><img src="img/zynz.png"><span>自营女装</span></a></li>
						<li><a href="#"><img src="img/zynz.png"><span>自营女装</span></a></li>
						<li><a href="#"><img src="img/zynz.png"><span>自营女装</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>裙装</h5>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/xglyq.jpg"><span>性感连衣裙</span></a></li>
						<li><a href="#"><img src="img/xglyq.jpg"><span>性感连衣裙</span></a></li>
						<li><a href="#"><img src="img/xglyq.jpg"><span>性感连衣裙</span></a></li>
						<li><a href="#"><img src="img/xglyq.jpg"><span>性感连衣裙</span></a></li>
						<li><a href="#"><img src="img/xglyq.jpg"><span>性感连衣裙</span></a></li>
						<li><a href="#"><img src="img/xglyq.jpg"><span>性感连衣裙</span></a></li>
						<li><a href="#"><img src="img/xglyq.jpg"><span>性感连衣裙</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>上装</h5>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/wy.jpg"><span>卫衣</span></a></li>
						<li><a href="#"><img src="img/wy.jpg"><span>卫衣</span></a></li>
						<li><a href="#"><img src="img/wy.jpg"><span>卫衣</span></a></li>
						<li><a href="#"><img src="img/wy.jpg"><span>卫衣</span></a></li>
						<li><a href="#"><img src="img/wy.jpg"><span>卫衣</span></a></li>
						<li><a href="#"><img src="img/wy.jpg"><span>卫衣</span></a></li>
						<li><a href="#"><img src="img/wy.jpg"><span>卫衣</span></a></li>
					</ul>
				</div>
			</div>
			<!--钟表珠宝-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/zbssbj.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>钟表</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/znsb.jpg"><span>智能手表</span></a></li>
						<li><a href="#"><img src="img/znsb.jpg"><span>智能手表</span></a></li>
						<li><a href="#"><img src="img/znsb.jpg"><span>智能手表</span></a></li>
						<li><a href="#"><img src="img/znsb.jpg"><span>智能手表</span></a></li>
						<li><a href="#"><img src="img/znsb.jpg"><span>智能手表</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>时尚饰品</h5>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/ssjz.jpg"><span>时尚戒指</span></a></li>
						<li><a href="#"><img src="img/ssjz.jpg"><span>时尚戒指</span></a></li>
						<li><a href="#"><img src="img/ssjz.jpg"><span>时尚戒指</span></a></li>
						<li><a href="#"><img src="img/ssjz.jpg"><span>时尚戒指</span></a></li>
						<li><a href="#"><img src="img/ssjz.jpg"><span>时尚戒指</span></a></li>
						<li><a href="#"><img src="img/ssjz.jpg"><span>时尚戒指</span></a></li>
						<li><a href="#"><img src="img/ssjz.jpg"><span>时尚戒指</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>黄金</h5>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/hjdz.jpg"><span>黄金吊坠</span></a></li>
						<li><a href="#"><img src="img/hjdz.jpg"><span>黄金吊坠</span></a></li>
						<li><a href="#"><img src="img/hjdz.jpg"><span>黄金吊坠</span></a></li>
						<li><a href="#"><img src="img/hjdz.jpg"><span>黄金吊坠</span></a></li>
						<li><a href="#"><img src="img/hjdz.jpg"><span>黄金吊坠</span></a></li>
						<li><a href="#"><img src="img/hjdz.jpg"><span>黄金吊坠</span></a></li>
						<li><a href="#"><img src="img/hjdz.jpg"><span>黄金吊坠</span></a></li>
					</ul>
				</div>
			</div>
			<!--手机数码-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/sjsm.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>专场推荐</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/cjplr.jpg"><span>全球尖货超级品类日</span></a></li>
						<li><a href="#"><img src="img/zn.jpg"><span>丝芙兰闪耀2周年</span></a></li>
						<li><a href="#"><img src="img/mqj.png"><span>京东健康母亲节</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>热门分类</h5>
						<a href="#" class="rankingList">
							<i class="leftIcon"></i>
							<span>排行榜</span>
							<i class="rightIcon"></i>
						</a>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/sj.png"><span>手机</span></a></li>
						<li><a href="#"><img src="img/bjb.jpg"><span>笔记本</span></a></li>
						<li><a href="#"><img src="img/kt.jpg"><span>空调</span></a></li>
						<li><a href="#"><img src="img/snyp.jpg"><span>收纳用品</span></a></li>
						<li><a href="#"><img src="img/sg.jpg"><span>砂锅</span></a></li>
						<li><a href="#"><img src="img/pj.jpg"><span>啤酒</span></a></li>
						<li><a href="#"><img src="img/hcp.jpg"><span>火车票</span></a></li>
					</ul>
				</div>
			</div>
			<!--电脑办公-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/dnbgbj.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>专场推荐</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/cjplr.jpg"><span>全球尖货超级品类日</span></a></li>
						<li><a href="#"><img src="img/zn.jpg"><span>丝芙兰闪耀2周年</span></a></li>
						<li><a href="#"><img src="img/mqj.png"><span>京东健康母亲节</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>热门分类</h5>
						<a href="#" class="rankingList">
							<i class="leftIcon"></i>
							<span>排行榜</span>
							<i class="rightIcon"></i>
						</a>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/sj.png"><span>手机</span></a></li>
						<li><a href="#"><img src="img/bjb.jpg"><span>笔记本</span></a></li>
						<li><a href="#"><img src="img/kt.jpg"><span>空调</span></a></li>
						<li><a href="#"><img src="img/snyp.jpg"><span>收纳用品</span></a></li>
						<li><a href="#"><img src="img/sg.jpg"><span>砂锅</span></a></li>
						<li><a href="#"><img src="img/pj.jpg"><span>啤酒</span></a></li>
						<li><a href="#"><img src="img/hcp.jpg"><span>火车票</span></a></li>
					</ul>
				</div>
			</div>
			<!--家用电器-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/cmmd.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>专场推荐</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/cjplr.jpg"><span>全球尖货超级品类日</span></a></li>
						<li><a href="#"><img src="img/zn.jpg"><span>丝芙兰闪耀2周年</span></a></li>
						<li><a href="#"><img src="img/mqj.png"><span>京东健康母亲节</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>热门分类</h5>
						<a href="#" class="rankingList">
							<i class="leftIcon"></i>
							<span>排行榜</span>
							<i class="rightIcon"></i>
						</a>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/sj.png"><span>手机</span></a></li>
						<li><a href="#"><img src="img/bjb.jpg"><span>笔记本</span></a></li>
						<li><a href="#"><img src="img/kt.jpg"><span>空调</span></a></li>
						<li><a href="#"><img src="img/snyp.jpg"><span>收纳用品</span></a></li>
						<li><a href="#"><img src="img/sg.jpg"><span>砂锅</span></a></li>
						<li><a href="#"><img src="img/pj.jpg"><span>啤酒</span></a></li>
						<li><a href="#"><img src="img/hcp.jpg"><span>火车票</span></a></li>
					</ul>
				</div>
			</div>
			<!--酒水饮料-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/jsyl.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>专场推荐</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/cjplr.jpg"><span>全球尖货超级品类日</span></a></li>
						<li><a href="#"><img src="img/zn.jpg"><span>丝芙兰闪耀2周年</span></a></li>
						<li><a href="#"><img src="img/mqj.png"><span>京东健康母亲节</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>热门分类</h5>
						<a href="#" class="rankingList">
							<i class="leftIcon"></i>
							<span>排行榜</span>
							<i class="rightIcon"></i>
						</a>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/sj.png"><span>手机</span></a></li>
						<li><a href="#"><img src="img/bjb.jpg"><span>笔记本</span></a></li>
						<li><a href="#"><img src="img/kt.jpg"><span>空调</span></a></li>
						<li><a href="#"><img src="img/snyp.jpg"><span>收纳用品</span></a></li>
						<li><a href="#"><img src="img/sg.jpg"><span>砂锅</span></a></li>
						<li><a href="#"><img src="img/pj.jpg"><span>啤酒</span></a></li>
						<li><a href="#"><img src="img/hcp.jpg"><span>火车票</span></a></li>
					</ul>
				</div>
			</div>
			<!--运动户外-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/cmmd.jpg"></a></div>
				<div class="contentInfoCenter">
				<h5>专场推荐</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/cjplr.jpg"><span>全球尖货超级品类日</span></a></li>
						<li><a href="#"><img src="img/zn.jpg"><span>丝芙兰闪耀2周年</span></a></li>
						<li><a href="#"><img src="img/mqj.png"><span>京东健康母亲节</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>热门分类</h5>
						<a href="#" class="rankingList">
							<i class="leftIcon"></i>
							<span>排行榜</span>
							<i class="rightIcon"></i>
						</a>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/sj.png"><span>手机</span></a></li>
						<li><a href="#"><img src="img/bjb.jpg"><span>笔记本</span></a></li>
						<li><a href="#"><img src="img/kt.jpg"><span>空调</span></a></li>
						<li><a href="#"><img src="img/snyp.jpg"><span>收纳用品</span></a></li>
						<li><a href="#"><img src="img/sg.jpg"><span>砂锅</span></a></li>
						<li><a href="#"><img src="img/pj.jpg"><span>啤酒</span></a></li>
						<li><a href="#"><img src="img/hcp.jpg"><span>火车票</span></a></li>
					</ul>
				</div>
			</div>
			<!--汽车用品-->
			<div class="contentInfo none">
				<div class="contentInfoTop"><a href="#" style="display: block;"><img src="img/cmmd.jpg"></a></div>
				<div class="contentInfoCenter">
					<h5>专场推荐</h5>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/cjplr.jpg"><span>全球尖货超级品类日</span></a></li>
						<li><a href="#"><img src="img/zn.jpg"><span>丝芙兰闪耀2周年</span></a></li>
						<li><a href="#"><img src="img/mqj.png"><span>京东健康母亲节</span></a></li>
					</ul>
				</div>
				<div class="contentInfoClass clear-fix">
					<div class="contentInfoClassHead clear-fix">
						<h5>热门分类</h5>
						<a href="#" class="rankingList">
							<i class="leftIcon"></i>
							<span>排行榜</span>
							<i class="rightIcon"></i>
						</a>
					</div>
					<ul class="contentInfoCenterUl clear-fix">
						<li><a href="#"><img src="img/sj.png"><span>手机</span></a></li>
						<li><a href="#"><img src="img/bjb.jpg"><span>笔记本</span></a></li>
						<li><a href="#"><img src="img/kt.jpg"><span>空调</span></a></li>
						<li><a href="#"><img src="img/snyp.jpg"><span>收纳用品</span></a></li>
						<li><a href="#"><img src="img/sg.jpg"><span>砂锅</span></a></li>
						<li><a href="#"><img src="img/pj.jpg"><span>啤酒</span></a></li>
						<li><a href="#"><img src="img/hcp.jpg"><span>火车票</span></a></li>
					</ul>
				</div>
			</div>
		</section>
	</div>
	
	<script>
		/*显示隐藏*/
		$('.openMenu').toggle(function(){
			$('.menu').slideDown();
		},function(){
			$('.menu').slideUp();
		})
		
		/*选项卡*/
		$('.leftLi').click(function(){
			var _this = $(this).index();
			$('.leftLi a').removeClass('active');
			$(this).children().addClass('active');
			$('.contentInfo ').fadeOut(300).removeClass('active');
			$('.contentInfo ').eq(_this).fadeIn(800).addClass('active');
		})
	</script>
</body>
</html>